<template>
	<!-- 渐隐渐现效果 -->
	<transition>
		<slot></slot>
	</transition>
</template>

<script>
export default {
	name:'FadeAnimation',
	data() {
		return {
			
		};
	}
}
</script>

<style lang="stylus" scoped> 
// 逐渐出现
.v-enter, .v-leave-to
	opacity:0
// 逐渐消失
.v-enter-active, .v-leave-active
	transition:opacity .5s
</style>
